Ext.define('mid-demo.view.Main', {
    extend: 'Ext.Container',
    requires: ['Ext.TitleBar'],
    config: {
        fullscreen: true,
        layout: 'vbox',
        items: [
            {
                docked: 'top',
                xtype: 'titlebar',
                title: 'MID-Demo',
                style:'background-color: #0099cc;',
            },
            {
                xtype: 'container',
                flex: 2,
                layout: 'hbox',
                items: [
                {
                    xtype:'panel',
                    layout:'fit',
                    flex: 1,
                    items:[
                    {
                        id:'main_video',
                        xtype: 'video',
                        enableControls:false,
                        autoResume:true,
                        loop: true,
                        url:'resources/video/192000.mp4',
                        
                    }
                    ]
                },
                {
                    xtype:'panel',
                    html:'1111111111111111111111111111S',
                    flex: 1
                }
                ]
            },
            {
                xtype: 'container',
                flex: 1
            },
            {
                xtype: 'container',
                flex: 1
            },
            {
                xtype: 'titlebar',
                docked: 'bottom',
                height: 50,
                items: [
                {
                    xtype: 'sliderfield',
                    label: '音量：',
                    labelCls:'my-x-slider-label',
                    value: 50,
                    minValue: 0,
                    maxValue: 100,
                    centered: true
                },
                {
                    iconCls: 'reply',
                    iconMask: true,
                    align: 'right'
                },
                {
                    id:'mid_home',
                    iconCls: 'home',
                    iconMask: true,
                    align: 'right'
                }]
            }
        ]
    }
});